<!--
 ! Excerpted from "Mastering Dojo",
 ! published by The Pragmatic Bookshelf.
 ! Copyrights apply to this code. It may not be used to create training material, 
 ! courses, books, articles, and the like. Contact us if you are in doubt.
 ! We make no guarantees that this code is fit for any purpose. 
 ! Visit http://www.pragmaticprogrammer.com/titles/rgdojo for more book information.
-->

.tundra .dijitTitlePaneTitle { 
    background: #cccccc; background:#fafafa
    url("titleBarBg.gif") repeat-x bottom left; 
    border:1px solid #bfbfbf; 
    padding:4px	4px 2px 4px; 
    cursor: pointer; 
} 



.dj_ie6 .tundra .dijitInputField, 



<html class="dj_ie dj_ie6 dj_iequirks">



    <body class="soria"> 
    ... 
    <input type="button" dojoType="dijit.Button" 
           style="background-color:red" /> 



    <body class="soria"> 
    ... 
    <input type="button" dojoType="dijit.Button" id="soreThumb" /> 



#soreThumb { background-color: red; } 



.soria .dijitButton { 
    height:30px; 
    padding:0px; 
    border-width:0px;
    background-color:transparent; 
    background-repeat:no-repeat; 
    margin:5px; 
} 



.soria .dijitButton { 
    height:30px; 
    padding:0px; 
    border-width:0px;
    background-color:red; 
    background-repeat:no-repeat; 
    margin:5px; 
} 



	<body class="mySoria soria">



    .mySoria.soria .dijitButton { 
        height:30px; 
        padding:0px; 
        border-width:0px;
        background-color:red; 
        background-repeat:no-repeat; 
        margin:5px; 
    } 



	<div class="tundra"> 
	Lorum ipsum dolor... 
	</div>
	<div class="soria"> 
	<input type="button" dojoType="dijit.Button"	/> 
	</div>



dojo.addClass(this.arrow, "dijitMenuRightArrowEnabled");				



 .tundra .dijitMenuRightArrowEnabled {
 	margin-top:4px; 
 	background:url('images/arrowRight.png') no-repeat bottom center;
 	display:inline;
 }



    .tundra .dijitLightSwitch {
        // The light switch cover is brown, no matter what the state
		background-color: brown;
    }				
    .tundra .dijitLightSwitch.dijitOn {
        url("images/switchon.png");
    }				
    .tundra .dijitLightSwitch.dijitOff {
        url("images/switchoff.png");
    }				



    dojo.toggleClass("livingRoomSwitch", "dijitOff");				
    dojo.toggleClass("livingRoomSwitch", "dijitOn");				



<img src="images/uparrow.gif" title="Go up" />



    .dijit_a11y .tundra .dijitComboBox .uparrow { 
	    background: url(images/a11y/uparrow.gif) 
    }



dojo.addClass(dojo.body(), "dijit_a11y");
